/* @Author : Venugopal Reddy */


@media only screen and (min-width:1000px){
   body{   
  /*background-image: url("../img/city.jpg"); */
  background-attachment:fixed;
  background-position: center;	
  font-family: serif;
  font-style: italic;
  }
}


@media only screen and (max-width:400px){
   body{
     background-color: azure !important;
     opacity: 1.0!important;
   }
  .header{
    
    
  }
  
}

  .main{
        margin : -15px -8px -6px -8px;
     }
	     
   .dropdownmenu{
   	   position:fixed; 
	   width: 180px; 
	   height: 220px; 
	   z-index: 1;
	   padding-left:20px;
	   right: 1px; 
	   display:none; 
	   border-radius:7px;"
	   top:28px;
	   background-color: cadetblue !important;
	 }      
    .middle{
           width:  100%;
           position: inherit;
           margin: 76px 0px 0px 0px;
    } 
   .footer{   
          width:100%;
          text-align: center;
          color:green;
          height: 50px;
          position: fixed;
          bottom: 0px;
          background-color: lightgray;
      }	
       
  .menu{
     style="background:teal ; 
     width: 200px; 
     height: 200px; 
     opacity:0.0;
     z-index: 1;
     left: 1150px; 
     position: fixed;   .header{
	     background-color: white;
	     top:0;
	     height: 50px;
	     padding: 5px 25px 5px 30px;
	     position: fixed;
	     width: 97%;
	     z-index: 1	
	}  
     border-radius:7px;"
    }
    
    .header{
	     background-color: white;
	     top:0;
	     height: 50px;
	     padding: 5px 25px 5px 30px;
	     position: fixed;
	     width: 97%;
	     z-index: 1	
	}  
	
	.srchheader{
	     background-color: white;
	     top:0;
	     height: 75px;
	     padding: 5px 25px 5px 30px;
	     position: fixed;
	     width: 97%;
		     z-index: 1	
	}  
	
	.results{
	float:left;
	 padding: 25px 0px 0 100px;
	 width: 65%
	}
	.facets{
	 float: right;
	 width: 20%
	 
	}
	.result{
	 margin-bottom: -36px;
	}
	
	.resultsHead{
	 color:teal !important;
	 font-size: 20px;
	}
	.resultsteaser{
	position: relative;
    top: -10px;
    width: 97%
	}
	.resultsauthor{
	position: relative;
    top: -25px;
    padding-left: 20px;
    width: 60%
	}
	
	.querybox {
	position: relative;
    top: 170px;
    width: 58%;
    left: 250px;
	
	  }
	  
    .queryboxTop {
	    position: fixed;
    	top: 12px;
    	width: 58%;
    	left: 55px;
    	z-index: 1	
	
	  }
	
	.querybox > input#search1{
     width: 65%;
     margin-left: 100px;
     font-size: 18px;
     .querybox
    } 
    
    .searchicon{
    margin-top: -15px;
    position: relative;
    top: 14px;
    right: 51px;
    }
    .queryboxTop > input#search1{
     width: 65%;
     margin-left: 100px;
     font-size: 18px;
     .querybox
    } 
	
	
    input#search{
     width: 33%;
     margin-left: 10px;
     font-size: 18px;
    } 
    
    
    
    .queries{
        display:none;
    	position: absolute;
    	z-index: 1;
    	background-color: teal;
    	width: 498px;
    	margin-top: -2px;
    	margin-left: 200px;
    	border-radius:8px;
    	padding: 16px 0px 10px 30px;
    }
    
    #suggest{
    	position: fixed;
    	z-index: 1;
    	background-color: white; 
    	width: 29%;
    	left: 82px; 
    	display: none;
    	margin-top: -3px;
    	border-radius:5px;
    	border-style: groove; 
    }
     ul>li{
      margin: 6px 0px 3px -25px; ;
    }    
    
    
  .left{
         padding-left:20px;
		 width: 20%; 
		 height: 600px; 
		 float: left;
		 border-radius:10px;
		 z-index: 0;
     }
           
   .center{
       width: 56%;
       float: left;
       margin-left: 15px;
      }     
     .centerdown{
			   height: 600px;
			   border-radius:7px;	
			   margin-bottom: 70px;
          }
   .centertop{
			   height: 55px;
          }
          
      .right{
       	 float: left;
   		 width: 20%;
      }    
     .theDiv{
      border-radius:10px;
      background-color : white;
      float:left;
      margin: 3px;
      width: 90px;
      height: 20px;
      text-align: center;
    }
    
    .msgopt{
      border-radius:10px;
      background-color : white;
      float:left;
      margin: 3px;
      width: 90px;
      height: 20px;
      text-align: center;
    }
     
     span > a{
     padding: 3px;
     }
     .img_container{
         /* background-image:url("../img/city.jpg"); */
         background-color:black;
         opacity:0.92;
         border-radius:10px;
         width: 269px;
         text-align:center;
         height: 175px;
         float:left;
    }
     
     .profileMenu{
		     display: inline-block;
		     border-radius:10px;
     }
     
     .msgcon{
             display: inline-block;
		     border-radius:10px;
     }
     	
  .friends_container{
     display: inline-block;
     width: 500px;
    }
  .friend{
	  width: 112px;
	  height: 100px;
	  float: left;
	  margin: 5px;
	  border-radius:7px;
	  overflow: hidden;
    }
  .img_fri{
   width: 75px;
   height: 75px;
   border-radius:10px;
   
  }
   .headerText{
     color: red;
     width: 70%; 
     float: left;
     font-size: 35px;
     text-shadow: -2px 2px 2px #999;
   }
     
   #head  {  
            width:1100px;
            height:90px;
            font-size:10px;
            font-style: italic;
           /*  background-color:#1b5011; */
           /* box-shadow: inset 	0 0 7px 5px #ddd; */
          }
    #head1  {  
            width:1100px;
            float:left;
            height:150px;
            font-size:10px;
            font-style: italic;
                     }
   #contents{ height: 500px;
              width: 79%; 
              float: left;
            /*   border-radius: 15px 15px; */	
            }
                     
    #in {   float :right ; 
            width: 20%;height: 500px;  
            overflow: hidden;
            border-left: thin solid #008000;
         }
     #in2 {   float :left ; 
            width: 150px;height: 500px;  
            overflow: hidden;
            border-right: thin solid white;
         }
 
   #img{
	  border-top-left-radius: 20px 20px;
      border-bottom-left-radius: 20px 20px;
      border-top-right-radius: 20px 20px;
      border-bottom-right-radius: 20px 20px;
    }
  #pimage{
        width: 180px; 
        height: 150px;float:left; 
        background-image: url('../static/Nature2.jpg');
        border-radius:20px;     
     }
  #con1{ 
         height: 500px;
         width: 410	px; 
         float: left;
        /* border-style: solid; border-width: 3px; border-color: red;     */
          border-radius: 15px 15px;	
          }
    #right-win {   float :right ; 
            width: 224px;height: 300px;  
            overflow: hidden;
            border-left: thin solid #008000;
         }
     #left-nav {   float :left ; 
            width: 180px;height: 500px;  
            overflow: hidden;
            border-right: thin solid #008000;
         }

 .msg_container{
     display: inline;
     width: 500px;
     background-color: white;
     border-radius : 7px 7px 7px 7px;
    }
  .msg{
   background-color:#F2F2F2;
   border-bottom-color:black;
  width: 100%;
  height: 120px;
  float: left;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius:3px;
  vertical-align: top;
  }
  .msg_img{
   width: 30px;
   height: 30px;
   border-radius:5px;
  }
  .icon {
     width: 20px;
     height: 20px;
     border-radius:2px;
  }
  
  .text{
   float:right;
   width: 470px;
  }
   
  input{
    margin: 5px;
   }

 a:link {
    text-decoration: none;
    color: red;
   }

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* Input styles*/

input{
	border-radius:5px ;
	height: 25px;
	border-style: groove;
}

input:HOVER {
	border-color: teal;
	
}
.signin{
		   float: right;
		   width: 25%;
		   margin:0px 5px 0px 0px;
		   background-color: white;
		   border-radius : 7px ;
		   height: 300px;
		   text-align: center;
		   opacity:0.95;
		}
   .signin input{
		  width: 90%;
		  height: 25px;
     }
		
	.signin input[type="button"],input[type="reset"]{
	  height: 30px;
	}	
		
		
 .signup {
	    background-color:white;
	    border-radius: 7px;
	    float: right;
		height: 550px;
	    width: 30%;
	    text-align: center;
	    opacity: 0.95;
      }
   .signup input{
   	  width: 80%;
      height: 25px;
    }
    
    .signup input[type="radio"]{
   	  width: 31%;
      height: 20px;
      margin: 2px 0px 2px 0px;
    }
  .input[type="button"],input[type="reset"],input[type="button"]{
	  height: 30px;
	  width: 100px;
	}	
      

.highlight{
	font-style: italic;
	background-color:yellow;
}